Module 1 Challenge 測試

習題1：

你已經瞭解了你正在設計的應用程式使用者，對應用目標和使用者期望也很清楚。你還組織了應用的使用者流程併為使用者建立了實現目標的路線圖。透過這些，你進行了什麼設計活動？

A. 資訊架構（Information architecture）

B. 支架設計（Scaffolding）

C. 線框圖繪製（Wireframing）

D. 分塊設計（Chunking）

習題2：

你正在設計一個網站，引導使用者一步步達成特定目標。這是哪種網站結構？

A. 資料庫型（Database）

B. 順序型（Sequential）

C. 層級型（Hierarchical）

D. 矩陣型（Matrix）

習題3：

你設計的響應式網站頁面較少（少於100頁）。應該使用哪種網站地圖型別？

A. 窄型網站地圖（Narrow sitemap）

B. 扁平型網站地圖（Flat sitemap）

C. 寬型網站地圖（Wide sitemap）

D. 深層網站地圖（Deep sitemap）

習題4：

你準備為應用的首頁繪製線框圖，首先應做什麼？

A. 草繪客戶想要的整體佈局

B. 列出首頁上所有的資訊

C. 建立首頁的頂級導航

D. 收集所有要包含的圖片和內容

習題5：

客戶要求你設計一個“響應式網站”，這意味著什麼？

A. 網站的明暗對比會根據環境變化

B. 佈局會根據裝置和螢幕尺寸變化而調整

C. 佈局大小會根據影象數量變化

D. 啟用螢幕閱讀器功能響應使用者提示

習題6：

在為小螢幕和裝置設計時，常用哪種導航選單？

A. 垂直側邊欄選單（Vertical sidebar menu）

B. 漢堡選單（Hamburger menu）

C. 頂部水平導航選單（Top horizontal navigation menu）

D. 下拉選單（Drop-down menu）

習題7：

完成線框圖後，有人建議你將它加入作品集中。為什麼？

A. 它們獨特且屬於你的智慧財產權

B. 它們能展示你的完整設計過程

C. 它們可以作為未來專案模板

D. 它們可用於日後調整設計

習題8：

你的網站內容和圖片太多，導致認知負荷過重。你該怎麼改進？

A. 改變設計的螢幕尺寸

B. 檢查哪些內容可刪除以簡化頁面

C. 刪除圖片並改為專案符號列表

D. 收集更多使用者反饋驗證同事意見

習題9：

你想線上框圖中使用“格式塔原則”。以下哪些適用？（可多選）

□ 接近原則（Proximity）

□ 相似原則（Similarity）

□ 顏色編碼（Color-coding）

□ 共同區域（Common region）

答案部分：

習題1

答案：A 對

原因：A 正確：組織使用者流程與目標結構屬於資訊架構設計（Information architecture）。

B 錯誤：Scaffolding指支撐結構，不是資訊組織。

C 錯誤：線框是視覺佈局，不涉及流程設計。

D 錯誤：Chunking指內容分組，與整體架構無關。

習題2

答案：B 對

原因：B 正確：Sequential 網站引導使用者按步驟達成目標。

A、C、D 錯誤：它們對應不同的結構邏輯，不符合“逐步引導”特徵。

習題3

答案：B 對

原因：B 正確：小型網站通常使用扁平型（Flat）網站地圖以便快速導航。

A、C、D 錯誤：窄或深層結構適合大型或層級複雜網站。

習題4

答案：B 對

原因：B 正確：線框圖前應先列出首頁所有資訊，確保內容完整。

A、C、D 錯誤：這些步驟應在資訊整理之後進行。

習題5

答案：B 對

原因：B 正確：響應式網站根據裝置與螢幕尺寸自動調整佈局。

A、C、D 錯誤：不屬於響應式設計定義。

習題6

答案：B 對

原因：B 正確：漢堡選單在移動裝置上最常見，節省空間。

A、C、D 錯誤：不適合小螢幕。

習題7

答案：B 對

原因：B 正確：線框圖能展示設計思考過程，是作品集關鍵部分。

A、C、D 錯誤：展示價值不如“過程呈現”重要。

習題8

答案：B 對

原因：B 正確：減少無關內容、最佳化資訊層級能降低認知負荷。

A、C、D 錯誤：其他選項不能解決根本問題。

習題9

答案：Proximity、Similarity、Common region 對

原因：這些原則幫助組織視覺層級和分組，常用於線框設計。

Color-coding 錯誤：屬於視覺呈現層面，不適用於低保真線框。